.outer-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(186px, 1fr));
    @media screen and (max-width: 599.99px) and (orientation: portrait), (max-width: 959.99px) and (orientation: landscape) {
        grid-template-columns: repeat( auto-fill, minmax(156px, 1fr) );
    }
    padding-top: 20px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 20px;
    height: calc( 100% - 40px );
    animation: fadein 0.7s;

    @keyframes fadein {
        from { opacity: 0; }
        to   { opacity: 1; }
    }
}

.spinner {
    position: absolute;
    top: calc( 50% - 50px );
    left: calc( 50% - 50px );
}